<!--
 * @Description: js组成
 * @Author: zzj
 * @Date: 2021-09-07 15:06:03
 * @LastEditors: zzj
 * @LastEditTime: 2021-09-07 15:21:42
-->
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>第一个js</title>
	<script type="text/javascript">        
      //单行注释
      /*
        多行注释
        语句的结束：分号 、回车
        */
        /*
        var b="nihan
        nnn"+"sssss"
        +"dddd";
        */
      console.log('hello world');
      console.log(`你在电脑前看这段文字，
        写文字的人在百度等你。
        N年前你来到了这个世界，
        N年后你想改变世界。

        期待你脚踏祥云，
        与百度一起改变世界。`)
      alert("弹框");   //第一个弹框
      document.write("hello 我是输出到页面上的");
	</script>
	<script type="text/javascript" src="./first.js" charset="GBK" defer>
        console.log("测试引入外部文件的script标签是否还会执行标签内部代码:不会被执行");
	</script>
</head>
<body>
	<h1>你好！</h1>
	<noscript>
        不好意思，您该更新浏览器了。。
	</noscript>
	<!--网络速度、执行顺序原因，js习惯在这里去引入：body的last-child-->
	<script type="text/javascript">
        //BOM：弹框有三种：警告框、会话框、确认框
        // 警告框
        alert("弹框");   //第二个弹框
        // 会话框
        var str = prompt("我是输入框，请输入你的年龄");   //第三个弹框，并且输入内容在控制台显示
        console.log(str);//开发者使用的，生产环境：需要注释或者删除
        console.log(typeof str);
        // 确认框
        var bool = confirm("你确定吗？");  //第四个弹框
        console.log(bool);
        console.log(typeof bool);
     </script>
</body>
</html>